.light {
    /* default */
    --defaultFontColor: rgb(74, 74, 74);
    /* el-Button */
    --elButtonDefault: #ffffff;
    --elButtonPrimary: rgb(64, 158, 255);
    --elButtonDanger: rgb(245, 108, 108);
    --elButtonSuccess: rgb(103, 194, 58);
    /* el-Input */
    --elInputBG: #fff !important;
    /* el-Dailog */
    --elDialogBG: #ffffff;
    /* el-Table */
    --elTableBG: #ffffff;
    --elTableBG2: #f0f0f0;
    --elTableHoverBG: #cacaca;
    /* el-select */
    --elSelectBG: #fff;
    --elSelectBG2:rgb(226, 226, 226);
    /* el-pagination */
    --elPaginationBG: #fff;
}

.dark {
    /* default */
    --defaultFontColor: rgb(255, 255, 255);
    /* el-Button */
    --elButtonDefault: #414141;
    --elButtonPrimary: rgb(48, 117, 186);
    --elButtonDanger: rgb(175, 77, 77);
    --elButtonSuccess: rgb(83, 158, 46);
    /* el-Input */
    --elInputBG: #3a3a3a !important;
    /* el-Dailog */
    --elDialogBG: #242424;
    /* el-Table */
    --elTableBG: #282828;
    --elTableBG2: #2b2b2b;
    --elTableHoverBG: #101010;
    /* el-select */
    --elSelectBG: #3a3a3a;
    --elSelectBG2: #202020;
    /* el-pagination */
    --elPaginationBG: #3a3a3a;
}

/* -----el-Button----- */
/* 按钮背景,文字颜色 */
.el_button_dafault {
    color: var(--defaultFontColor) !important;
    transition: all 0.5s !important;
    background: var(--elButtonDefault) !important;
}
.el_button_primary {
    transition: all 0.5s !important;
    background: var(--elButtonPrimary) !important;
}
.el_button_danger {
    transition: all 0.5s !important;
    background: var(--elButtonDanger) !important;
}
.el_button_success{
    transition: all 0.5s !important;
    background: var(--elButtonSuccess) !important;
}
/* 按钮悬浮背景 */
.el_button_dafault:hover,
.el_button_primary:hover,
.el_button_danger:hover,
.el_button_success:hover {
    filter: brightness(80%);
  }

/* -----el-Input----- */
/* 输入框背景 */
.el_input>* {
    transition: all 0.5s !important;
    background: var(--elInputBG) !important;
}
/* 输入框文字颜色 */
.el_input>*>*::placeholder,
.el_input>*>* {
    transition: all 0.5s !important;
    color: var(--defaultFontColor) !important;
}
/* 文本域背景 */
.el_textarea>* {
    transition: all 0.5s !important;
    background: var(--elInputBG) !important;
}
/* 文本域文字颜色 */
.el_textarea>*,
.el_textarea>*::placeholder {
    transition: all 0.5s !important;
    color: var(--defaultFontColor) !important;
}


/* -----el-dialog----- */
/* dialog背景 */
.el_dialog {
    transition: all 0.5s !important;
    background: var(--elDialogBG) !important;
}
.el_dialog .el-dialog__header *{
    color: var(--defaultFontColor) !important;
}

/* -----el-table----- */
/* 表格背景,文字颜色 */
.el_table table.el-table__header *,
.el_table tr.el-table__row,
.el_table .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default {
    color: var(--defaultFontColor) !important;
    background: var(--elTableBG) !important;
    transition: all 0.5s !important;
}
/* 斑马线表格背景 */
.el_table .el-table__body tr.el-table__row--striped td.el-table__cell {
    background: var(--elTableBG2) !important;
    transition: all 0.5s !important;
}
/* 悬浮条目背景 */
.el_table tr.el-table__row:hover>.el-table__cell,
.el_table .el-table__body tr.el-table__row--striped:hover>.el-table__cell {
    transition: all 0.5s !important;
    cursor: pointer;
    background: var(--elTableHoverBG) !important;
}

/* -----el_timeline----- */
/* 文字颜色 */
.el_timeline * {
    color: var(--defaultFontColor);
}

/* -----el_select----- */
/* 结果框背景,文字颜色 */
.el_select * {
    transition: all 0.5s;
    color: var(--defaultFontColor) !important;
    background: var(--elSelectBG) !important;
}
/* 下拉菜单背景 */
.el-select__popper {
    background: var(--elSelectBG) !important;
}
/* 下拉菜单文字 */
.el-select__popper .el-scrollbar__view>*{
    color: var(--defaultFontColor) !important;
}
/* 选中菜单背景 */
.el-select__popper .el-scrollbar__view .is-hovering{
    background: var(--elSelectBG2) !important;
}
/* 选中菜单文字颜色 */
.el-select__popper .el-scrollbar__view .is-selected{
    color: #409eff !important;
}

/* -----el_pagination----- */
/* 文字颜色 */
.el_pagination *{
    transition: all 0.5s !important;
    color: var(--defaultFontColor) !important;
}
/* 背景 */
.el_pagination .el-tooltip__trigger,
.el_pagination .btn-prev,
.el_pagination .btn-next,
.el_pagination .el-pager *,
.el_pagination .el-input__wrapper{
    transition: all 0.5s !important;
    background: var(--elPaginationBG) !important;
}
/* 特殊文字 */
.el_pagination .el-pager .is-active{
    color: #409eff !important;
}